<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>报告标题</title>
    <style>
        :root {
            --primary: #2E95F8;
        }

        * {
            padding: 0;
            margin: 0;
        }

        body {
            background: #060606;
            color: #E9EAEC;
        }

        .row {
            display: flex;
            gap: 24px;
            margin-bottom: 24px;
        }

        .col {
            flex: 1;
        }

        .page {
            max-width: 1400px;
            margin: 24px auto;
        }

        .header {
            margin-bottom: 24px;
            padding: 16px;
            background-color: #09162F;
        }

        .header h1 {
            color: #129BFF;
        }

        .card {
            border-radius: 2px;
            padding: 16px;
            border: 1px solid #1B64AA;
            background: rgba(8, 26, 48, 0.8);
        }

        .card-title {
            margin-bottom: 12px;
            font-size: 18px;
        }


        .overview {
            display: flex;
            gap: 24px;
        }

        .overview-item {
            flex: 1;
        }

        .overview-item .value {
            font-size: 20px;
        }
    </style>
</head>

<body>

    <div class="page">

        <!-- 头部 -->
        <div class="header">
            <h1>报告标题</h1>
            <p>报告描述</p>
        </div>

        <div class="main">

            <!-- 一列布局 -->
            <div class="row">
                <div class="col">
                    <div class="card">
                        <h2 class="card-title">安全概览</h2>
                        <div class="card-body">
                            <div class="overview">
                                <div class="overview-item">
                                    <div class="label">总事件数量</div>
                                    <div class="value">13</div>
                                </div>
                                <div class="overview-item">
                                    <div class="label">总事件数量</div>
                                    <div class="value">13</div>
                                </div>
                                <div class="overview-item">
                                    <div class="label">总事件数量</div>
                                    <div class="value">13</div>
                                </div>
                                <div class="overview-item">
                                    <div class="label">总事件数量</div>
                                    <div class="value">13</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>




            <!-- 三列 -->
            <div class="row">
                <div class="col">
                    <div class="card">
                        <h2 class="card-title">风险等级</h2>
                        <div class="card-body">
                            <div id="risk-level"></div>
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card">
                        <h2 class="card-title">安全概览</h2>
                        <div class="card-body">

                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="card">
                        <h2 class="card-title">资产漏洞情况</h2>
                        <div class="card-body">
                            <li>隐藏文件目录检测：通过命令行创建隐藏文件和目录</li>
                            <li>敏感命令执行检测：使用 Grep 命令查找系统上包含 Password 关键字的文件</li>
                            <li>发现系统信息检测：检测 modprobe 配置文件中涉及内核模块的文件事件</li>
                            <li>检测到 Linux tmp 目录程序运行</li>
                            <li>Linux 受限 Shell 通过 Linux 二进制突破</li>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer">

        </div>
    </div>
</body>

</html>